import Vue from 'vue'
import VueRouter from 'vue-router'


Vue.use(VueRouter)

const Discovery = () => import('../views/discovery');
const Recommend =() => import('../views/recommend');
const Newest =() => import('../views/newest');
const Mv = () => import('../views/MV');
const Result = () => import('../views/result');
const Playlist =() => import('../views/playlist')
const PlayMV =() => import('../views/playMV');
const routes = [
  {
    path: '/',
    component: Discovery
  },
  {
    path: '/discovery',
    name: 'discovery',
    component: Discovery
  },
  {
    path:'/recommend',
    name: 'recommend',
    component: Recommend
  },
  {
    path:'/newest',
    name:'newest',
    component: Newest
  },
  {
    path:'/mv',
    name:'mv',
    component: Mv
  },
  {
    path:'/result',
    name:'result',
    component: Result
  },
  {
    // path:'/playlist',
    path:'/playlist',
    name:'playlist',
    component:Playlist
  },
  {
    path: '/playmv',
    name: 'playmv',
    component:PlayMV
  }
]

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router
